---
layout: typedoc
title: 'Viewer | @msrvida/sanddance-react'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-react</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="sanddance.viewer.html">Viewer</a>
			</li>
		</ul>
		<h1>Class Viewer</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Component to view a SandDance data visualization.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">Viewer</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Constructors</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="sanddance.viewer.html#constructor" class="tsd-kind-icon">constructor</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#colorcontexts" class="tsd-kind-icon">color<wbr>Contexts</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#currentcolorcontext" class="tsd-kind-icon">current<wbr>Color<wbr>Context</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#element" class="tsd-kind-icon">element</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#insight" class="tsd-kind-icon">insight</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#options" class="tsd-kind-icon">options</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#presenter" class="tsd-kind-icon">presenter</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#speccapabilities" class="tsd-kind-icon">spec<wbr>Capabilities</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#vegaspec" class="tsd-kind-icon">vega<wbr>Spec</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.viewer.html#vegaviewgl" class="tsd-kind-icon">vega<wbr>View<wbr>Gl</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><a href="sanddance.viewer.html#defaultvieweroptions" class="tsd-kind-icon">default<wbr>Viewer<wbr>Options</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Methods</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#activate" class="tsd-kind-icon">activate</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#deactivate" class="tsd-kind-icon">de<wbr>Activate</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#deselect" class="tsd-kind-icon">deselect</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#filter" class="tsd-kind-icon">filter</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#finalize" class="tsd-kind-icon">finalize</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#getcolumnstats" class="tsd-kind-icon">get<wbr>Column<wbr>Stats</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#getinsight" class="tsd-kind-icon">get<wbr>Insight</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#getselection" class="tsd-kind-icon">get<wbr>Selection</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#getsignalvalues" class="tsd-kind-icon">get<wbr>Signal<wbr>Values</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#render" class="tsd-kind-icon">render</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#rendersamelayout" class="tsd-kind-icon">render<wbr>Same<wbr>Layout</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#reset" class="tsd-kind-icon">reset</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.viewer.html#select" class="tsd-kind-icon">select</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Constructors</h2>
			<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
				<a name="constructor" class="tsd-anchor"></a>
				<h3>constructor</h3>
				<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">new <wbr>Viewer<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="sanddance.viewer.html" class="tsd-signature-type" data-tsd-kind="Class">Viewer</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:57</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Instantiate a new Viewer.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>element: <span class="tsd-signature-type">HTMLElement</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Parent HTMLElement to present within.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a><span class="tsd-signature-symbol">&gt;</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional viewer options object.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="sanddance.viewer.html" class="tsd-signature-type" data-tsd-kind="Class">Viewer</a></h4>
					</li>
				</ul>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="colorcontexts" class="tsd-anchor"></a>
				<h3>color<wbr>Contexts</h3>
				<div class="tsd-signature tsd-kind-icon">color<wbr>Contexts<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.types.colorcontext.html" class="tsd-signature-type" data-tsd-kind="Interface">ColorContext</a><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:45</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color contexts. There is only one color context until data is filtered, after which colors may be re-mapped in another color context.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="currentcolorcontext" class="tsd-anchor"></a>
				<h3>current<wbr>Color<wbr>Context</h3>
				<div class="tsd-signature tsd-kind-icon">current<wbr>Color<wbr>Context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:49</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Index of current color context. Change this and then call renderSameLayout().</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="element" class="tsd-anchor"></a>
				<h3>element</h3>
				<div class="tsd-signature tsd-kind-icon">element<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:13</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="insight" class="tsd-anchor"></a>
				<h3>insight</h3>
				<div class="tsd-signature tsd-kind-icon">insight<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:41</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Insight object from current rendering.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="options" class="tsd-anchor"></a>
				<h3>options</h3>
				<div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:25</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Viewer options object.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="presenter" class="tsd-anchor"></a>
				<h3>presenter</h3>
				<div class="tsd-signature tsd-kind-icon">presenter<span class="tsd-signature-symbol">:</span> <a href="sanddance.vegadeckgl.presenter.html" class="tsd-signature-type" data-tsd-kind="Class">Presenter</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:37</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Presenter which does the rendering.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="speccapabilities" class="tsd-anchor"></a>
				<h3>spec<wbr>Capabilities</h3>
				<div class="tsd-signature tsd-kind-icon">spec<wbr>Capabilities<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.specs.speccapabilities.html" class="tsd-signature-type" data-tsd-kind="Interface">SpecCapabilities</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:21</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Behavior specified by the visualization type.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="vegaspec" class="tsd-anchor"></a>
				<h3>vega<wbr>Spec</h3>
				<div class="tsd-signature tsd-kind-icon">vega<wbr>Spec<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Spec</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:29</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Vega specification.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="vegaviewgl" class="tsd-anchor"></a>
				<h3>vega<wbr>View<wbr>Gl</h3>
				<div class="tsd-signature tsd-kind-icon">vega<wbr>View<wbr>Gl<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ViewGl_Class</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:33</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Vega View instance.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-static">
				<a name="defaultvieweroptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagStatic">Static</span> default<wbr>Viewer<wbr>Options</h3>
				<div class="tsd-signature tsd-kind-icon">default<wbr>Viewer<wbr>Options<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/viewer.d.ts:17</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Default Viewer options.</p>
					</div>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Methods</h2>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="activate" class="tsd-anchor"></a>
				<h3>activate</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">activate<span class="tsd-signature-symbol">(</span>datum<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:120</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Set one data row to the active state.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>datum: <span class="tsd-signature-type">object</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="deactivate" class="tsd-anchor"></a>
				<h3>de<wbr>Activate</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">de<wbr>Activate<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:124</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Deactivate item.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="deselect" class="tsd-anchor"></a>
				<h3>deselect</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">deselect<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:112</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Removes any selection.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="filter" class="tsd-anchor"></a>
				<h3>filter</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">filter<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a>, rebase<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:99</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Filter the data and animate.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>search: <a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Filter expression, see <a href="https://vega.github.io/vega/docs/expressions/">https://vega.github.io/vega/docs/expressions/</a></p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> rebase: <span class="tsd-signature-type">boolean</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional flag to apply to entire dataset. A false value will apply the filter upon any existing filter.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="finalize" class="tsd-anchor"></a>
				<h3>finalize</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">finalize<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:138</li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getcolumnstats" class="tsd-anchor"></a>
				<h3>get<wbr>Column<wbr>Stats</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Column<wbr>Stats<span class="tsd-signature-symbol">(</span>column<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.types.columnstats.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStats</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:133</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Gets column stats from current data (filtered or all).</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>column: <a href="../interfaces/sanddance.types.column.html" class="tsd-signature-type" data-tsd-kind="Interface">Column</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Column to get stats for.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.types.columnstats.html" class="tsd-signature-type" data-tsd-kind="Interface">ColumnStats</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getinsight" class="tsd-anchor"></a>
				<h3>get<wbr>Insight</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Insight<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:128</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Gets the current insight with signal values.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getselection" class="tsd-anchor"></a>
				<h3>get<wbr>Selection</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Selection<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.types.selectionstate.html" class="tsd-signature-type" data-tsd-kind="Interface">SelectionState</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:116</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Gets the current selection.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.types.selectionstate.html" class="tsd-signature-type" data-tsd-kind="Interface">SelectionState</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getsignalvalues" class="tsd-anchor"></a>
				<h3>get<wbr>Signal<wbr>Values</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Signal<wbr>Values<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.specs.signalvalues.html" class="tsd-signature-type" data-tsd-kind="Interface">SignalValues</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:137</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Gets current signal values.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.specs.signalvalues.html" class="tsd-signature-type" data-tsd-kind="Interface">SignalValues</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="render" class="tsd-anchor"></a>
				<h3>render</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>insight<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span>, options<span class="tsd-signature-symbol">?: </span><a href="../interfaces/sanddance.types.renderoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.renderresult.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderResult</a><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:84</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Render data into a visualization.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>insight: <a href="../interfaces/sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Object to create a visualization specification.</p>
								</div>
							</li>
							<li>
								<h5>data: <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Array of data objects.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <a href="../interfaces/sanddance.types.renderoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderOptions</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.renderresult.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderResult</a><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="rendersamelayout" class="tsd-anchor"></a>
				<h3>render<wbr>Same<wbr>Layout</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">render<wbr>Same<wbr>Layout<span class="tsd-signature-symbol">(</span>newViewerOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:74</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Render the same layout with new options.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> newViewerOptions: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a><span class="tsd-signature-symbol">&gt;</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>New options object.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="reset" class="tsd-anchor"></a>
				<h3>reset</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">reset<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:103</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Remove any filtration and animate.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="select" class="tsd-anchor"></a>
				<h3>select</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">select<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in sanddance/dist/es6/viewer.d.ts:108</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Select cubes by a filter expression.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>search: <a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Filter expression, see <a href="https://vega.github.io/vega/docs/expressions/">https://vega.github.io/vega/docs/expressions/</a></p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
			</ul>
			<ul class="current">
				<li class="current tsd-kind-class tsd-parent-kind-namespace">
					<a href="sanddance.viewer.html" class="tsd-kind-icon">Viewer</a>
					<ul>
						<li class=" tsd-kind-constructor tsd-parent-kind-class">
							<a href="sanddance.viewer.html#constructor" class="tsd-kind-icon">constructor</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#colorcontexts" class="tsd-kind-icon">color<wbr>Contexts</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#currentcolorcontext" class="tsd-kind-icon">current<wbr>Color<wbr>Context</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#element" class="tsd-kind-icon">element</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#insight" class="tsd-kind-icon">insight</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#options" class="tsd-kind-icon">options</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#presenter" class="tsd-kind-icon">presenter</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#speccapabilities" class="tsd-kind-icon">spec<wbr>Capabilities</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#vegaspec" class="tsd-kind-icon">vega<wbr>Spec</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.viewer.html#vegaviewgl" class="tsd-kind-icon">vega<wbr>View<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-static">
							<a href="sanddance.viewer.html#defaultvieweroptions" class="tsd-kind-icon">default<wbr>Viewer<wbr>Options</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#activate" class="tsd-kind-icon">activate</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#deactivate" class="tsd-kind-icon">de<wbr>Activate</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#deselect" class="tsd-kind-icon">deselect</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#filter" class="tsd-kind-icon">filter</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#finalize" class="tsd-kind-icon">finalize</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#getcolumnstats" class="tsd-kind-icon">get<wbr>Column<wbr>Stats</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#getinsight" class="tsd-kind-icon">get<wbr>Insight</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#getselection" class="tsd-kind-icon">get<wbr>Selection</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#getsignalvalues" class="tsd-kind-icon">get<wbr>Signal<wbr>Values</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#render" class="tsd-kind-icon">render</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#rendersamelayout" class="tsd-kind-icon">render<wbr>Same<wbr>Layout</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#reset" class="tsd-kind-icon">reset</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.viewer.html#select" class="tsd-kind-icon">select</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="../modules/sanddance.html#colorschemes" class="tsd-kind-icon">color<wbr>Schemes</a>
				</li>
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="../modules/sanddance.html#version" class="tsd-kind-icon">version</a>
				</li>
				<li class=" tsd-kind-function tsd-parent-kind-namespace">
					<a href="../modules/sanddance.html#use" class="tsd-kind-icon">use</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>